<template>
  <!-- tab栏圈子首页 -->
  <view class="main">
    <!-- 绑定app入口 -->
    <view class="bindApp" v-if="isBindApp">
      <view class="left_">
        <image
          src="../../images/aliang/closeBindApp.png"
          mode="aspectFill"
          @tap="closeBindApp(1)"
        ></image>
        <text>绑定一起来往app账号，使用更方便</text>
      </view>
      <view class="right_" hover-class="none" @tap="closeBindApp(2)">
        去绑定
      </view>
    </view>
    <!-- 顶部 -->
    <view class="top_one">
      <navigator
        url="/pages/mine/mine"
        class="left_"
        hover-class="none"
        open-type="navigate"
      >
        <view class="verified_">
          <image :src="bioData.avatarUrl" mode="aspectFill"></image>
          <image
            src="../../imges/various.png"
            mode="aspectFill"
            class="verified"
            v-if="bioData.verified"
          >
          </image>
        </view>
        <text>{{ bioData.realName }} </text>
      </navigator>
      <view class="right_">
        <navigator
          :url="'/pages/per_center/wallet?yue=' + money"
          class="one"
          hover-class="none"
        >
          <image
            src="../../images/aliang/qianbao.png"
            mode="aspectFill"
          ></image>
          <view class="money">
            钱包<text
              >￥{{
                bioData.balance || bioData.notReceivedBalance ? money : "0.00"
              }}</text
            >
          </view>
        </navigator>
        <navigator
          :url="'/pages/index/personal?id=' + bioData.id"
          class="two"
          hover-class="none"
        >
          <image
            src="../../images/aliang/mingpian.png"
            mode="aspectFill"
          ></image>
          <text>名片</text>
        </navigator>
      </view>
    </view>
    <!-- 创建圈子 -->
    <view class="center_">
      <scroll-view scroll-x="true">
        <view class="right_">
          <navigator
            url="/pages/circle/createCircle"
            class="left_"
            hover-class="none"
          >
            <view class="top_">
              <image
                src="../../images/aliang/chuangjian.png"
                mode="aspectFill"
              ></image>
            </view>
            <view class="bottom_"> 创建圈子 </view>
          </navigator>
          <navigator
            :url="'/pages/circle/index?id=' + item1.id + '&clearUnreadFlag=1'"
            hover-class="none"
            class="item_tab"
            v-for="(item1, index1) in JoinList"
            :key="index1"
          >
            <view
              :class="[item1.unreadNum < 10 ? 'weituNum1' : 'weituNum']"
              v-if="item1.unreadNum > 0 && item1.unreadNum"
            >
              {{ item1.unreadNum > 99 ? "..." : item1.unreadNum }}
            </view>
            <image :src="item1.orgUrl" mode="aspectFill"></image>
            <view class="name">
              {{ item1.orgName }}
            </view>
            <view class="num"> {{ item1.peopleNumber }}人已加入 </view>
          </navigator>
          <view class="item-border"></view>
        </view>
      </scroll-view>
    </view>
    <!-- 感兴趣圈子 -->
    <view class="like_">
      <view class="title_">
        <text>可能感兴趣的圈子</text>
        <view class="right_" @tap="handleChange">
          <image src="../../images/aliang/huan.png" mode="aspectFill"></image>
          <text>换一批</text>
        </view>
      </view>
      <view class="list_">
        <navigator
          :url="'/pages/circle/Introduce?id=' + item2.circleId"
          class="item_"
          v-for="(item2, index2) in likeList"
          :key="index2"
          hover-class="none"
        >
          <view class="left_">
            <view class="one_">
              <img :src="item2.circleHeadUrl" class="image" />
            </view>
            <view class="two_">
              <view class="title">
                {{ item2.circleName }}
              </view>
              <view class="cont">
                {{ item2.circleDesc }}
              </view>
              <view class="num">
                {{
                  item2.createName.length < 10
                    ? item2.createName
                    : item2.createName.substring(0, 8) + "..."
                }}发起 &nbsp;{{ item2.memberNum }}人已加入
              </view>
            </view>
          </view>
          <view class="right_"> +加入 </view>
        </navigator>
      </view>
    </view>
    <!-- 广告位展示 -->
    <view class="advertising">
      <image src="../../images/aliang/weixinCode.png" mode="aspectFill"></image>
    </view>
    <!-- 微帖列表 -->
    <view class="content_list">
      <view class="title_"> 热门微帖 </view>
      <view class="lists_">
        <view class="item_" v-for="(item3, index3) in reMenList" :key="index3">
          <view class="top_">
            <view class="left">
              <navigator
                :url="'/pages/index/personal?id=' + item3.createUid"
                hover-class="none"
                class="one_"
              >
                <image :src="item3.avatarUrl" mode="aspectFill"></image>
                <!-- 大v标识 -->
                <image
                  src="../../imges/various.png"
                  mode="aspectFill"
                  class="verified"
                  v-if="item3.verified"
                ></image>
              </navigator>
              <view class="two_">
                <navigator
                  :url="'/pages/index/personal?id=' + item3.createUid"
                  hover-class="none"
                  class="cardInfo"
                >
                  <text class="name">{{ item3.userName }}</text>
                  <text class="company">{{ item3.company }}</text>
                  <text class="company">{{ item3.post }}</text>
                </navigator>
                <navigator
                  :url="'/pages/circle/Introduce?id=' + item3.orgId"
                  hover-class="none"
                  class="address"
                >
                  <text v-if="item3.area" class="addr">{{ item3.area }}</text>
                  <text> {{ item3.orgName }}</text>
                  <image
                    src="../../images/aliang/xiaye.png"
                    mode="aspectFill"
                  ></image>
                </navigator>
              </view>
            </view>
            <view class="right">
              <image
                src="../../images/aliang/sandian.png"
                mode="aspectFill"
                @tap="showYes(index3)"
              >
              </image>
              <view class="three6" v-if="item3.is_show">
                <view class="jiao"> </view>
                <navigator
                  :url="'/pages/post/report?id=' + item3.id"
                  class="one1"
                  hover-class="none"
                >
                  举报
                </navigator>
              </view>
            </view>
          </view>
          <navigator
            :url="'/pages/index/trickDetail?id=' + item3.id"
            hover-class="none"
            :class="[item3.isY ? 'content content1' : 'content']"
            v-if="item3.content"
          >
            <text> {{ item3.content }}</text>
          </navigator>
          <!-- 图片视频展示位 -->
          <navigator
            :url="'/pages/index/trickDetail?id=' + item3.id"
            hover-class="none"
            class="imgs"
            v-if="item3.is_video || item3.is_imgs"
          >
            <image
              :src="item1.fileUrl"
              mode="aspectFill"
              v-for="(item1, index1) in item3.imgCollection"
              :key="index1"
              v-if="
                item3.imgCollecList.length > 1 &&
                item1.fileType == 1 &&
                !item3.is_video &&
                index1 < 3
              "
            ></image>
            <image
              class="myImage"
              :src="item3.imgCollection[0].fileUrl"
              mode="aspectFill"
              v-if="
                item3.imgCollecList.length == 1 &&
                item3.imgCollection[0].fileType == 1 &&
                !item3.is_video
              "
            ></image>
            <view class="myVideo" v-if="item3.is_video">
              <image
                :src="item3.imgCollection[0].firstUrl"
                mode="aspectFill"
                v-if="
                  item3.imgCollection.length == 1 &&
                  item3.imgCollection[0].fileType == 3
                "
              ></image>
              <image
                :src="item6.firstUrl"
                mode="aspectFill"
                v-for="(item6, index1) in item3.imgCollection"
                :key="index1"
                v-if="item3.imgCollection.length > 1 && item6.fileType == 3"
              ></image>
              <image                              
                src="../../images/aliang/shiping_.png"
                mode="aspectFill"
                class="shipingBo"
              ></image>
            </view>
          </navigator>
          <!-- 文档展示位 -->
          <navigator
            :url="'/pages/index/trickDetail?id=' + item3.id"
            hover-class="none"
            class="file_content"
            v-if="item3.is_file && item3.file_ && item3.postType == 4"
          >
            <view class="left_file">
              <image
                src="../../images/circle/file.png"
                mode="aspectFill"
              ></image>
            </view>
            <view class="right_file">
              {{ item3.file_.fileName }}
            </view>
          </navigator>

          <!-- 活动展示位 -->
          <navigator
            :url="'/pages/index/trickDetail?id=' + item3.id"
            hover-class="none"
            class="act_content"
            v-if="item3.postType == 2"
          >
            <view class="left_">
              <image :src="item3.act.actPoster" mode="aspectFill"></image>
              <view class="actName">
                <view class="name">
                  {{ item3.act.topic }}
                </view>
                <view class="time" v-if="item3.actTimeStart">
                  {{ item3.actTimeStart }}
                </view>
              </view>
            </view>
            <view class="center_"> </view>
            <view class="right_"> 去参加 </view>
          </navigator>
          <!-- 商品展示位 -->
          <navigator
            :url="'/pages/index/trickDetail?id=' + item3.id"
            hover-class="none"
            class="goods_content"
            v-if="item3.postType == 3"
          >
            <view class="left_">
              <image :src="item3.goodsInfo.goodsImg" mode="aspectFill"></image>
              <view class="actName">
                <view class="name">
                  {{ item3.goodsInfo.goodsName }}
                </view>
                <view class="price">
                  <text class="now">￥{{ item3.goodsInfo.presentPrice }}</text>
                  <text class="last" v-if="item3.goodsInfo.price"
                    >￥{{ item3.goodsInfo.price }}</text
                  >
                </view>
              </view>
            </view>
            <view class="center_"> </view>
            <view class="right_"> 去购买 </view>
          </navigator>

          <view class="bottom_zan">
            <navigator
              :url="'/pages/index/trickDetail?id=' + item3.id"
              hover-class="none"
              class="left_"
            >
              <text class="businessTypeStr" v-if="item3.businessTypeStr">{{
                item3.businessTypeStr
              }}</text
              ><text>{{ item3.createTimeStr }}</text>
            </navigator>
            <view class="right_">
              <!-- 点赞 -->
              <view class="zan_photo">
                <img
                  class="image"
                  src="../../images/aliang/zan.png"
                  v-if="item3.isThumbs == 0"
                  @tap="handleLike(item3.id, 0, item3.orgId, index3)"
                />
                <img
                  class="image"
                  src="../../images/aliang/zan1.png"
                  mode="aspectFill"
                  v-if="item3.isThumbs == 1"
                  @tap="handleLike(item3.id, 1, item3.orgId, index3)"
                />
                <text
                  v-if="item3.thumbsCount != 0"
                  :style="{
                    color: item3.isThumbs == 1 ? '#DB361F' : '#111111',
                  }"
                  >{{ item3.thumbsCount }}</text
                >
                <text v-if="item3.thumbsCount == 0">赞</text>
              </view>
              <!-- 评论 -->
              <navigator
                :url="'/pages/index/trickDetail?id=' + item3.id + '&type=3'"
                hover-class="none"
                class="pinglun"
              >
                <image
                  src="../../images/aliang/pinglun.png"
                  mode="aspectFill"
                ></image>
                <text v-if="item3.commentsCount != 0">{{
                  item3.commentsCount
                }}</text>
                <text v-if="item3.commentsCount == 0">评论</text>
              </navigator>
              <!-- 分享 -->
              <view class="fenxiang" @tap="openShare(item3)">
                <image
                  src="../../images/aliang/share.png"
                  mode="aspectFill"
                ></image>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view
      class="main6"
      v-if="is_show"
      @tap.stop="showNo"
      @touchstart.stop.prevent="showNo"
    ></view>
    <!-- 分享提示弹窗 -->
    <view class="fenxiang_" v-if="isShare" @tap="closeShare">
      <view class="footer_content">
        <view class="item_" @tap="linkShare">
          <image src="../../images/aliang/weixin_q.png" mode="widthFix"></image>
          <text>朋友圈</text>
        </view>
        <view class="item_ item_imgShare" @tap="imgShare">
          <image src="../../images/aliang/shareTu.png" mode="widthFix"></image>
          <text>图片分享</text>
        </view>
        <view class="item_" @tap="linkShare">
          <image src="../../images/aliang/weixin_.png" mode="widthFix"></image>
          <text>微信好友</text>
        </view>
      </view>
    </view>
    <!-- 微帖链接分享 -->
    <view class="fenxiang_" @tap="closeLinkShare" v-if="isLinkShare">
      <view class="content_">
        <view class="left_">
          <view class="one_"> 请点击右上角按钮“···” </view>
          <view class="two_"> 发送给好友，分享到朋友圈 </view>
        </view>
        <view class="right_">
          <image
            src="../../images/aliang/fenxiang.png"
            mode="aspectFill"
          ></image>
        </view>
      </view>
    </view>
    <!-- 弹层海报 -->
    <view
      class="haibaozhezhao"
      v-show="postMaskShare"
      :style="{ overflow: base64 ? 'auto' : 'hidden' }"
    >
      <img
        class="gb"
        @tap="closeImgMask"
        src="../../images/circle/haibao_cloce.png"
      />
      <view class="popup">
        <view id="poster" class="haibao">
          <view
            v-if="!base64"
            style="background: #0f6ede; padding: 0 22rpx 42rpx 22rpx"
          >
            <view class="header">
              <img :src="postIndexData.orgUrl" />
              <text>{{ postIndexData.orgName }}</text>
            </view>
            <view class="type">
              <img
                class="you_img"
                src="../../images/aliang/haibaoSG.png"
                v-if="postIndexData.haibaoIndex == 2"
              />
              <img
                class="you_img"
                src="../../images/aliang/haibaoSJ.png"
                v-if="postIndexData.haibaoIndex == 3"
              />
              <img
                class="you_img"
                src="../../images/aliang/haibaoW.png"
                v-if="postIndexData.haibaoIndex == 4"
              />
              <img
                class="you_img"
                src="../../images/aliang/haibao_huo.png"
                v-if="postIndexData.haibaoIndex == 1"
              />
              <img
                class="you_img"
                src="../../images/aliang/haibao_tie.png"
                v-if="postIndexData.haibaoIndex == 5"
              />
            </view>
            <view class="content">
              <view class="content_top">
                <img :src="postIndexData.avatarUrl" />
                <view class="right">
                  <text class="name">{{ postIndexData.userName }}</text>
                  <text class="time" v-if="postIndexData.createTime">{{
                    postIndexData.createTime.substring(0, 16)
                  }}</text>
                </view>
              </view>
              <view class="text" v-html="contentNew">
                <!-- {{contentNew}} -->
              </view>
              <!-- 微贴 -->
              <view
                class="weitie"
                v-if="
                  postIndexData.vodieListHB.length > 0 ||
                  postIndexData.imgListHB.length > 0
                "
              >
                <!-- 多张照片 -->
                <view
                  class="moreImg"
                  v-if="
                    postIndexData.vodieListHB.length == 0 &&
                    postIndexData.imgListHB.length > 1
                  "
                  v-for="(item, index) in postIndexData.imgListHB"
                  :key="index"
                >
                  <img :src="item.fileUrl" />
                </view>
                <!-- 一张图 -->
                <img
                  v-if="
                    postIndexData.imgListHB.length == 1 &&
                    postIndexData.vodieListHB.length == 0
                  "
                  class="oneImage"
                  :src="postIndexData.imgListHB[0].fileUrl"
                />
                <!-- 视频 -->
                <view class="video" v-if="postIndexData.vodieListHB.length > 0">
                  <image
                    :src="postIndexData.vodieListHB[0].firstUrl"
                    mode="aspectFill"
                  ></image>
                  <img class="bofang" src="../../images/circle/video.png" />
                </view>
              </view>

              <!-- 活动 -->
              <view class="active2" v-if="postIndexData.haibaoIndex == 1">
                <view class="left">
                  <img :src="postIndexData.act.actPoster" />
                  <view class="huodong">
                    <text class="title">{{
                      postIndexData.act.topic.length > 10
                        ? postIndexData.act.topic.substring(0, 10) + "..."
                        : postIndexData.act.topic
                    }}</text>
                    <text class="time" v-if="postIndexData.actTimeStart">{{
                      postIndexData.actTimeStart
                    }}</text>
                  </view>
                </view>
                <view class="center_"> </view>
                <view class="right_"> 去参加 </view>
              </view>
              <!-- 商品 -->
              <view class="shop" v-if="postIndexData.haibaoIndex == 2">
                <view class="left">
                  <img :src="postIndexData.goodsInfo.goodsImg" />
                  <view class="shangpin">
                    <text class="title">{{
                      postIndexData.goodsInfo.goodsName
                    }}</text>
                    <view class="jiage">
                      <text class="now"
                        >￥{{ postIndexData.goodsInfo.presentPrice }}</text
                      >
                      <del class="last" v-if="postIndexData.goodsInfo.price"
                        >￥{{ postIndexData.goodsInfo.price }}</del
                      >
                    </view>
                  </view>
                </view>
                <view class="center_"> </view>
                <view class="right_"> 去购买 </view>
              </view>

              <!-- 文件 -->
              <view
                class="wj"
                v-if="postIndexData.fileListHB.length > 0"
                v-for="(value, index8) in postIndexData.fileListHB"
                :key="index8"
              >
                <view class="left">
                  <img src="../../images/circle/file.png" />
                  <view class="name">
                    {{ value.fileName }}
                  </view>
                </view>
              </view>
              <!-- 商机 -->
              <view class="sj" v-if="postIndexData.haibaoIndex == 3">
                <text class="sj1">{{ postIndexData.businessTypeStr }}</text>
                <text>{{ postIndexData.businessIndustry }}</text>
              </view>
            </view>
            <img
              class="ewm"
              src="../../images/circle/cs_ewm.png"
              v-if="!postIndexData.imageUrl"
            />
            <img
              class="ewm"
              :src="postIndexData.imageUrl"
              v-if="postIndexData.imageUrl"
            />
            <view class="bottom">
              <view> 长按识别二维码查看原文 </view>
              <view class="bottom_">
                一起来往APP/公众号：万商由人 商会领聚
              </view>
            </view>
          </view>
          <img
            :src="base64"
            :style="{ width: viewWidth + 'px', height: viewHeight + 'px' }"
            v-if="base64"
          />
        </view>
      </view>
      <view class="btn"> 长按海报，发送给朋友或保存图片 </view>
    </view>
    <!-- 底部tab切换 -->
    <view class="footer_tabar">
      <view class="item_tabar">
        <image src="../../static/image/quanzi1.png" mode="aspectFill"></image>
        <text class="choose">圈子</text>
      </view>
      <navigator
        class="item_tabar"
        url="/pages/contacts/contacts"
        hover-class="none"
        open-type="reLaunch"
      >
        <image src="../../static/image/renmai.png" mode="aspectFill"></image>
        <text>人脉</text>
        <view class="hongdian" v-if="newestNoRen"> </view>
      </navigator>
      <navigator
        class="item_tabar"
        url="/pages/mine/mine"
        hover-class="none"
        open-type="reLaunch"
      >
        <image src="../../static/image/mine.png" mode="aspectFill"></image>
        <text>我的</text>
      </navigator>
    </view>
  </view>
</template>
<script>
import request from "../../utils/request.js";
import html2canvas from "html2canvas";
let jweixin = require("jweixin-module"); //引入配置
// npm install jweixin-module --save  //下载插件
export default {
  data() {
    return {
      is_show: false, //控制遮罩
      isBindApp: false, //显示绑定app
      isShare: false,
      isLinkShare: false,
      bioData: {}, //个人资料
      money: "", //钱包金额
      JoinList: [], //加入创建圈子
      likeList: [], //感兴趣圈子
      pageNumber: 1, //感兴趣圈子
      reMenList: [],
      pageSize: 18, //热门微帖
      bottom: false,
      noMore: false,
      zhezhao: false,
      orgId: "",
      tstatus: "",
      thumbsId: "",
      isChange: true,
      zanPhoto: "", //点赞头像
      isZan: true,
      newestNoRen: false, //控制人脉消息
      newUserPen: false,
      postIndexData: {
        imgListHB: [],
        fileListHB: [],
        vodieListHB: [],
      }, //当前帖子数据
      postMaskShare: false,
      base64: "", //海报图
      viewWidth: "",
      viewHeight: "",
      is_shengcheng: false,
      contentNew: "",
      //isStriking : true
    };
  },
  onLoad() {
    let token = uni.getStorageSync("token");
    if (!token) {
      this.configWeiXin(); //调用公众号页配置
    }
    this.newYouOne(token); //人脉通知
    this.handleJoinCircle(token); //加入圈子
    this.handleLikeCircle(token);
    this.handleReList(token);
    // this.handleIsTruePhone();
    // this.handlePeoper();
    // this.handleJoinCircle();
    // this.handleLikeCircle();
    // this.handleReList();
  },
  onPullDownRefresh() {
    if (this.postMaskShare) {
      uni.stopPullDownRefresh();
      return false;
    }
    this.bottom = false;
    this.pageSize = 18;
    let token = uni.getStorageSync("token");
    this.handleReList(token); //热门
    this.handleIsTruePhone(token); //验证身份
    this.handlePeoper(token); //个人信息
    this.newYouOne(token); //人脉通知
    setTimeout(() => {
      uni.stopPullDownRefresh();
      uni.showToast({
        title: "刷新成功",
        duration: 2000,
        icon: "none",
      });
    }, 1000);
  },
  onReachBottom() {
    if (this.postMaskShare) {
      return false;
    }
    this.bottom = true;
    uni.showLoading({
      title: "加载中",
    });
    this.pageSize = this.pageSize + 18;
    let token = uni.getStorageSync("token");
    this.handleReList(token); //热门
  },
  onShow() {
    // uni.setStorageSync('token', 'eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJiNGViYjYwOWZjNmMxMWVhYTMxMjAwMTYzZTA1ZmY2NiIsImlhdCI6MTYwODg3MDMzOCwic3ViIjoiMTMyNTc5NjMwODEifQ.EWx_m8UZZVpqoQi7lX28objJRsKC6EzbwbFWHNm3amY');
    // uni.setStorageSync('token', 'eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiIxMjU1NTYwYTQ0ZGYxMWViOGI0NTAwMTYzZTA1ZmY2NiIsImlhdCI6MTYxOTA3ODQ4OSwic3ViIjoiMTc2MzA5MjUwMDkifQ.1fdA_cQ79hjxH9vEMQftF1wZykaZzeDYKjZoGRLrUqs');
    this.handleShare(); //首页分享
    this.bottom = false;
    this.isShare = false;
    this.isLinkShare = false;
    this.is_show = false;
    this.pageSize = 18;
    this.base64 = "";
    this.postMaskShare = false;
    this.reMenList.forEach((v) => {
      v.is_show = false;
    });
    let token = uni.getStorageSync("token");
    let pagearr = getCurrentPages(); //获取应用页面栈
    let currentPage = pagearr[pagearr.length - 1]; //获取当前页面信息
    if (currentPage.options.newUserPen == 1) {
      this.handleJoinCircle(token);
      this.handleLikeCircle(token);
      this.handleReList(token);
    }
    this.handleJoinCircle(token); //加入圈子
    this.handleIsTruePhone(token);
    this.handlePeoper(token);
    this.newYouOne(token); //人脉通知
    this.zanPhoto =
      uni.getStorageSync("personal").avatarUrl +
      "?imageslim&imageView2/1/interlace/1/ignore-error/1/format/png";
  },
  methods: {
    imgShare() {
      let that = this;
      that.isFen = false;
      that.postMaskShare = true;
      this.is_shengcheng = true;
      document.getElementsByClassName("uni-body")[0].style.overflow = "hidden";
      setTimeout(() => {
        // console.log(document.getElementsByClassName("oneImage")[0].clientWidth)
        // console.log(document.getElementsByClassName("oneImage")[0])
        uni.showLoading({
          title: "海报生成中...",
        });
      }, 200);
      setTimeout(() => {
        that.toImg();
      }, 1500);
    },
    closeImgMask() {
      if (this.is_shengcheng) {
        return false;
      } else {
        document.getElementsByClassName("uni-body")[0].style =
          "overflow-x :hidden";
        this.postMaskShare = false;
        this.base64 = "";
      }
    },
    toImg() {
      let that = this;
      // 使页面滑到顶部，避免顶部出现白边
      // uni.pageScrollTo({
      // 	scrollTop: 0,
      // 	duration: 0,
      // });
      var dom = document.getElementById("poster"); // 获取dom元素
      var width = dom.offsetWidth; //dom宽
      that.viewWidth = width;
      var height = dom.offsetHeight; //dom高
      that.viewHeight = height;
      html2canvas(dom, {
        dpi: window.devicePixelRatio * 4,
        scale: 3.32, // 缩放倍数
        width: width, //dom 原始宽度
        height: height,
        scrollY: 0, // html2canvas默认绘制视图内的页面，需要把scrollY，scrollX设置为0
        scrollX: 0,
        useCORS: true, //支持跨域，但好像没什么用
        async: false, //是否异步解析和呈现元素
      }).then((canvas) => {
        // 将生产的canvas转为base64图片
        that.base64 = canvas.toDataURL("img/png", 1.0);
        if (that.base64) {
          uni.hideLoading();
          that.is_shengcheng = false;
        }
        // console.log(that.base64,'base64')
      });
    },
    linkShare() {
      //链接分享
      this.isLinkShare = true;
    },
    closeLinkShare() {
      //关闭链接分享
      this.isLinkShare = false;
    },
    newYouOne(token) {
      //人脉是否有新好友通知
      // let token = uni.getStorageSync('token');
      if (!token) {
        uni.showToast({
          title: "请授权登录再操作！",
          duration: 2000,
          icon: "none",
        });
        setTimeout(() => {
          uni.navigateTo({
            url: "/pages/index/index",
          });
        }, 2000);
      } else {
        request({
          url: "h5/social/newest",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {},
        }).then((res) => {
          // console.log(res, '好友')
          if (res.data.code == 200) {
            if (res.data.data.unreadCount != 0) {
              this.newestNoRen = true;
            } else {
              this.newestNoRen = false;
            }
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    handleIsTruePhone(token) {
      if (!token) {
        // uni.showToast({
        // 	title: "请授权登录再操作！",
        // 	duration: 2000,
        // 	icon: "none",
        // });
      } else {
        request({
          url: "h5/login/isRealPhone",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {},
        }).then((res) => {
          // console.log(res, '检验手机号')
          if (res.data.code == 200) {
            if (res.data.data.isRealPhone) {
              this.isBindApp = false;
            } else {
              this.isBindApp = true;
            }
          } else if (res.data.code == 401) {
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    closeShare() {
      this.isShare = false;
    },
    shareTO(postId) {
      //分享帖子的函数
      let token = uni.getStorageSync("token");
      request({
        url: "h5/orgCircle/sharePost",
        method: "post",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
          token: token,
        },
        data: {
          postId: postId,
        },
      }).then((res) => {
        if (res.data.code == 200) {
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    openShare(data) {
      //分享帖子
      // data.newContent = data.newContent.replace(/ /g, "&nbsp");
      // data.newContent = data.newContent.replace(/\n/g, "<br>");
      this.contentNew = data.newContent.trim();
      // console.log(this.contentNew)
      // this.contentNew = data.newContent.replace(/ /g, "&nbsp");
      // this.contentNew = data.newContent.replace(/\n/g, "<br />");
      //console.log(data); //处理帖子数据（改造）
      data.imgListHB = [];
      data.fileListHB = [];
      data.vodieListHB = [];
      if (data.imgCollection.length > 0) {
        var imgListHB = data.imgCollection.filter((v) => {
          return v.fileType == 1;
        });
        var fileListHB = data.imgCollection.filter((v) => {
          return v.fileType == 2;
        });
        var vodieListHB = data.imgCollection.filter((v) => {
          return v.fileType == 3;
        });
        if (fileListHB.length > 0) {
          fileListHB.forEach((v) => {
            if (v.fileName.length > 36) {
              v.fileName.substring(0, 36) + "...";
            }
          });
        }
        data.imgListHB = imgListHB;
        data.fileListHB = fileListHB;
        data.vodieListHB = vodieListHB;
      }
      if (data.act.id && data.act.topic) {
        data.haibaoIndex = 1;
      } else if (
        data.goodsInfo.goodsName &&
        data.goodsInfo.goodsImg &&
        data.goodsInfo.id
      ) {
        data.haibaoIndex = 2;
      } else if (data.businessTypeStr && data.businessIndustry) {
        data.haibaoIndex = 3;
      } else if (data.imgCollection.length > 0 && fileListHB.length > 0) {
        data.haibaoIndex = 4;
      } else {
        data.haibaoIndex = 5;
      }
      this.postIndexData = data;
      console.log(this.postIndexData, "微帖数据");
      this.isShare = true;
      //分享功能
      let that = this;
      request({
        url: "h5/login/jsapiSignature",
        method: "POST",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7, //post一定要带这个header，被这里坑了半天
        },
        data: {
          url: window.location.href.split("#")[0],
        },
      }).then((res) => {
        if (res.statusCode == 200) {
          jweixin.config({
            debug: false,
            appId: res.data.appId, // 必填，公众号的唯一标识
            timestamp: res.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
            signature: res.data.signature, // 必填，签名，见附录1
            jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"],
          });
          jweixin.ready(function () {
            // 判断封面
            if (data.goodsInfo.goodsImg) {
              //有商品
              var imgP = data.goodsInfo.goodsImg;
            } else {
              //视频
              var arr_v = data.imgCollection.filter((v) => {
                return v.fileType == 3;
              });
              // 图片
              var arr_v1 = data.imgCollection.filter((v) => {
                return v.fileType == 1;
              });
              if (arr_v.length != 0) {
                //视频
                var imgP = arr_v[0].firstUrl;
              } else if (arr_v1.length != 0 && arr_v.length == 0) {
                //图片
                var imgP = arr_v1[0].fileUrl;
              } else if (arr_v.length == 0 && arr_v1.length == 0) {
                var imgP = data.orgUrl;
                // var imgP = "https://img.yiqilaiwang.com/yqlwlogo.png";
              }
            }
            //判断标题
            var arr_v2 = data.imgCollection.filter((v) => {
              return v.fileType == 2;
            });
            if (data.content.length >= 30) {
              var teiTitle = data.content.substring(0, 30) + "...";
            } else if (data.content.length > 0 && data.content.length < 30) {
              if (arr_v2.length > 0) {
                var teiTitle = data.content + " [文件] " + arr_v2[0].fileName;
              } else {
                var teiTitle = data.content;
              }
            } else if (data.content.length == 0 && arr_v2.length > 0) {
              var teiTitle = "[文件] " + arr_v2[0].fileName;
            } else {
              var teiTitle = "我在商业精英人脉圈发布了有趣的图片微帖，来看看吧";
            }
            var tieContent = data.userName + "发布了一条微帖，邀请你来看";
            var urlLink =
              that.globalData.domain +
              "/pages/index/trickDetail?id=" +
              data.id +
              "&isShare=1";
            jweixin.updateAppMessageShareData({
              title: teiTitle, //分享标题
              desc: tieContent, // 分享描述
              link: urlLink, //分享链接
              imgUrl: imgP, //分享图标
              success: function (res) {
                that.shareTO(data.id);
                // console.log(res, '分享')
              },
            });
            //自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容（1.4.0）
            jweixin.updateTimelineShareData({
              title: teiTitle, //分享标题
              desc: tieContent, // 分享描述
              link: urlLink, //分享链接
              imgUrl: imgP, //分享图标
              success: function () {
                // 用户确认分享后执行的回调函数
              },
            });
          });
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    handleShare() {
      //分享功能
      let that = this;
      request({
        url: "h5/login/jsapiSignature",
        method: "POST",
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7, //post一定要带这个header，被这里坑了半天
        },
        data: {
          url: window.location.href.split("#")[0],
        },
      }).then((res) => {
        if (res.statusCode == 200) {
          jweixin.config({
            debug: false,
            appId: res.data.appId, // 必填，公众号的唯一标识
            timestamp: res.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
            signature: res.data.signature, // 必填，签名，见附录1
            jsApiList: ["updateAppMessageShareData", "updateTimelineShareData"],
          });

          jweixin.ready(function () {
            let imgT = "https://img.yiqilaiwang.com/yqlwlogo.png";
            jweixin.updateTimelineShareData({
              title: "商业精英人脉圈", //分享标题
              desc: "中国商界高端人脉与价值分享平台，万商由人", // 分享描述
              link: that.globalData.domain , //分享链接
              imgUrl: imgT, //分享图标
            });
            jweixin.updateAppMessageShareData({
              title: "商业精英人脉圈", //分享标题
              desc: "中国商界高端人脉与价值分享平台，万商由人", // 分享描述
              link: that.globalData.domain , //分享链接
              imgUrl: imgT, //分享图标
            });
          });
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    closeBindApp(index) {
      //关闭绑定APP
      if (index == 2) {
        uni.navigateTo({
          url: "/pages/index/bindApp",
        });
      }
      setTimeout(() => {
        this.isBindApp = false;
      }, 1);
    },
    showNo() {
      //关闭举报弹窗
      this.is_show = false;
      this.reMenList.forEach((v) => {
        v.is_show = false;
      });
    },
    showYes(index) {
      this.is_show = true;
      this.reMenList.forEach((v) => {
        v.is_show = false;
      });
      this.reMenList[index].is_show = true;
    },
    handleChange() {
      //点击换一批
      let token = uni.getStorageSync("token");
      this.pageNumber++;
      if (this.isChange) {
        this.handleLikeCircle(token);
      }
    },
    handleLike(id, index, orgId, indexs) {
      this.bottom = false;
      if (this.isZan == false) {
        return false;
      }
      this.isZan = false;
      //微帖点赞
      let token = uni.getStorageSync("token");
      if (!token) {
        // uni.showToast({
        // 	title: "请授权登录再操作",
        // 	duration: 2000,
        // 	icon: "none",
        // });
      } else {
        request({
          url: "h5/appUserThumbs/thumbs",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {
            thumbsId: id,
            type: 13,
            status: index,
          },
        }).then((res) => {
          if (res.data.code == 200) {
            if (index == 0) {
              this.reMenList[indexs].isThumbs = 1;
              this.reMenList[indexs].thumbsCount += 1;
              // if (this.reMenList[indexs].thumbsList < 3) {
              // 	this.reMenList[indexs].thumbsList.push(this.zanPhoto);
              // }
              // this.reMenList[indexs].thumbsList.unshift(this.zanPhoto)
              // if (this.reMenList[indexs].thumbsList.length > 3) {
              // 	this.reMenList[indexs].thumbsList.length = 3
              // }
              // this.handleReList(token);
              this.isZan = true;
              uni.showToast({
                title: "点赞成功",
                duration: 1000,
                icon: "none",
              });
            } else if (index == 1) {
              this.reMenList[indexs].isThumbs = 0;
              this.reMenList[indexs].thumbsCount -= 1;
              // if (this.reMenList[indexs].thumbsList < 3) {
              // 	this.delete(this.zanPhoto, indexs);
              // }
              // this.handleReList(token);
              this.isZan = true;
              uni.showToast({
                title: "取消点赞成功",
                duration: 1000,
                icon: "none",
              });
            }
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    delete(i, indexs) {
      var index = this.reMenList[indexs].thumbsList.indexOf(i);
      // console.log(index)
      if (index == -1) {
        return false;
      }
      this.reMenList[indexs].thumbsList.splice(index, 1);
    },
    handleReList(token) {
      if (!token) {
        uni.showToast({
          title: "授权登录中！",
          duration: 2000,
          icon: "none",
        });
      } else {
        request({
          url: "h5/friends/hotPostsPage",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {
            pageSize: this.pageSize,
            pageNumber: 1,
          },
        }).then((res) => {
          if (res.data.code == 200) {
            this.reMenList = res.data.data.rows.map((v) => {
              v.is_show = false;
              v.is_content = false;
              v.is_video = false;
              v.is_imgs = false;
              v.is_file = false;
              v.isY = false;
              v.file_ = ""; //附件信息
              v.postType = 1;
              v.imgCollecList = [];
              v.newContent = v.content;
              return v;
            });
            this.reMenList.forEach((v) => {
              if (v.thumbsList.length > 3) {
                v.thumbsList.length = 3;
              }
              v.thumbsList.map((velue) => {
                velue =
                  velue +
                  "?imageslim&imageView2/1/interlace/1/ignore-error/1/format/png";
                return velue;
              });
              v.content = v.content.replace(/\ /g, "").replace(/\s/g, "");
              v.newContent = v.newContent.replace(/ /g, "&nbsp");
              v.newContent = v.newContent.replace(/\n/g, "<br />");
              if (v.post.indexOf("官") != -1) {
                v.post = v.post.substring(0, 4) + "...";
              }
              if (v.content) {
                if (
                  v.content.indexOf("a") != -1 ||
                  v.content.indexOf("6") != -1 ||
                  v.content.indexOf("b") != -1
                ) {
                  v.isY = true;
                }
              }
              if (
                v.content &&
                v.content.indexOf("Sfdhdfdheadgh34wesdh") != -1
              ) {
                v.isY = true;
              }
              if (v.company.length > 10) {
                v.company = v.company.substring(0, 10) + "...";
              }
              // 判断是否有视频
              v.imgCollection.forEach((value, index) => {
                if (value.fileType == 3) {
                  //有视频
                  v.is_video = true;
                }
                if (value.fileType == 1) {
                  //有视频
                  v.is_imgs = true;
                }
              });
              v.imgCollecList = v.imgCollection.filter((v) => {
                return v.fileType == 1;
              });
              // 判断微帖的类型
              if (v.act.topic && v.act.actStartTime) {
                //活动
                v.postType = 2;
                v.actTimeStart =
                  v.act.actStartTime.substring(5, 7) +
                  "月" +
                  v.act.actStartTime.substring(8, 10) +
                  "日" +
                  " " +
                  v.act.actStartTime.substring(11, 16);
              } else if (v.goodsInfo.goodsName && v.goodsInfo.presentPrice) {
                //商品
                v.postType = 3;
              } else if (v.imgCollection.length > 0) {
                //不止一张
                v.imgCollection.forEach((value, index) => {
                  if (value.fileType == 2) {
                    v.is_file = true;
                    v.postType = 4;
                    v.file_ = value; //拿文档对象
                    return false;
                  }
                });
              }
            });
            // console.log(this.reMenList)
            if (res.data.data.total == 0) {
              uni.hideLoading();
              return false;
            }
            if (
              !this.noMore &&
              this.reMenList.length >= res.data.data.total &&
              this.bottom
            ) {
              uni.hideLoading();
              uni.showToast({
                title: "加载完成",
                duration: 1000,
                icon: "none",
              });
              this.noMore = true;
              return false;
            }

            if (this.reMenList.length >= res.data.data.total && this.bottom) {
              uni.hideLoading();
              uni.showToast({
                title: "加载成功",
                duration: 1500,
                icon: "none",
              });
            } else if (
              this.reMenList.length < res.data.data.total &&
              this.bottom
            ) {
              uni.hideLoading();
              uni.showToast({
                title: "加载完成",
                duration: 1000,
                icon: "none",
              });
              uni.pageScrollTo({
                scrollTop: res.top,
                duration: 300,
              });
            } else {
              // this.isStriking = false
              uni.hideLoading();
            }
            // console.log(this.reMenList)
          } else if (res.data.code == 401) {
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    handleLikeCircle(token) {
      this.isChange = false;
      //感兴趣的圈子
      if (!token) {
        // uni.showToast({
        // 	title: "请授权登录再操作！",
        // 	duration: 2000,
        // 	icon: "none",
        // });
      } else {
        request({
          url: "h5/friends/discoverFriendsPage",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {
            type: 0,
            pageSize: 4,
            pageNumber: this.pageNumber,
          },
        }).then((res) => {
          // console.log(res, '发现圈子')
          if (res.data.code == 200) {
            this.isChange = true;
            this.likeList = res.data.data.rows;
            this.likeList.forEach((v) => {
              if (v.circleHeadUrl == "") {
                v.circleHeadUrl =
                  "https://img.yiqilaiwang.com/20201224104019.png";
              }
              v.circleHeadUrl =
                v.circleHeadUrl +
                "?imageslim&imageView2/1/interlace/1/ignore-error/1/format/png";
            });
          } else if (res.data.code == 401) {
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    handleJoinCircle(token) {
      //我加入的圈子
      if (!token) {
        // uni.showToast({
        // 	title: "请授权登录再操作！",
        // 	duration: 2000,
        // 	icon: "none",
        // });
      } else {
        request({
          url: "h5/orgCircle/myJoinCircle",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {
            type: 0,
            pageSize: 100,
            pageNumber: 1,
          },
        }).then((res) => {
          // console.log(res, '发现圈子')
          if (res.data.code == 200) {
            this.JoinList = res.data.data.rows;
            this.JoinList.forEach((v) => {
              v.orgName = v.orgName.trim();
              if (v.orgName.length > 6) {
                v.orgName = v.orgName.substring(0, 6) + "...";
              }
            });
          } else if (res.data.code == 401) {
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    handlePeoper(token) {
      // console.log(token, '个人空间')
      if (!token) {
        // uni.showToast({
        // 	title: "请授权登录再操作！",
        // 	duration: 2000,
        // 	icon: "none",
        // });
      } else {
        request({
          url: "h5/home/myHomePage?uid=",
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
            token: token,
          },
          data: {},
        }).then((res) => {
          // console.log(res, '个人资料')
          if (res.data.code == 200) {
            this.bioData = res.data.data;
            if (this.bioData.realName.length > 5) {
              this.bioData.realName =
                this.bioData.realName.substring(0, 5) + "...";
            }
            this.money = this.add(
              res.data.data.balance,
              res.data.data.notReceivedBalance
            );
            if (this.money < 10000) {
              this.money = this.money.toFixed(2);
            } else {
              this.money = (this.money / 10000).toFixed(2) + "万";
            }
          } else if (res.data.code == 401) {
            this.configWeiXin(); //失效加授权
          } else {
            uni.showToast({
              title: res.data.msg,
              duration: 2000,
              icon: "none",
            });
          }
        });
      }
    },
    add(a, b) {
      let that = this;
      var c, d, e;
      try {
        c = a.toString().split(".")[1].length;
      } catch (f) {
        c = 0;
      }
      try {
        d = b.toString().split(".")[1].length;
      } catch (f) {
        d = 0;
      }
      return (
        (e = Math.pow(10, Math.max(c, d))),
        (this.mul(a, e) + this.mul(b, e)) / e
      );
    },
    mul(a, b) {
      var c = 0,
        d = a.toString(),
        e = b.toString();
      try {
        c += d.split(".")[1].length;
      } catch (f) {}
      try {
        c += e.split(".")[1].length;
      } catch (f) {}
      return (
        (Number(d.replace(".", "")) * Number(e.replace(".", ""))) /
        Math.pow(10, c)
      );
    },
    //jdk配置
    configWeiXin() {
      let _this = this;
      //获取公众号配置
      request({
        //获取appid
        url: "h5/login/jsapiSignature",
        method: "POST",
        data: {
          url: window.location.href.split("#")[0], //后台通过域名进行授权
        },
        header: {
          "Content-Type": "application/json",
          "api-client": "72e0fee8172411ea995200163e05ff66",
          "api-version": this.globalData.apiVersion,
          "Source-Type": 7,
        },
      }).then((res) => {
        var jsApiList = [
          "onMenuShareAppMessage",
          "onMenuShareTimeline",
          "updateAppMessageShareData",
          "updateTimelineShareData",
          "hideOptionMenu",
          "showOptionMenu",
        ];
        if (res.statusCode == 200) {
          //获取成功
          jweixin.config({
            debug: false, // 开启调试模式，发布的时候改为false
            appId: res.data.appId, // 必填，公众号的唯一标识
            timestamp: res.data.timestamp, // 必填，生成签名的时间戳
            nonceStr: res.data.nonceStr, // 必填，生成签名的随机串
            signature: res.data.signature, // 必填，签名
            jsApiList: jsApiList, // 必填，需要使用的JS接口列表
          });

          jweixin.ready(function () {
            //配置成功
            _this.wxJsdkAuthorize(res.data.appId); //调用公众号-授权
          });
        } else {
          uni.showToast({
            title: res.data.msg,
            duration: 2000,
            icon: "none",
          });
        }
      });
    },
    //公众号授权
    wxJsdkAuthorize(_appid) {
      let _this = this;
      let link = window.location.href;
      //授权时会跳到微信的页面，然后会自动调回来带着一个code
      let _code = "";
      if (link.includes("code=")) {
        _code = link.split("code=")[1].split("&")[0];
      }
      // 如果拿到_code，传到后台
      if (_code) {
        console.log(_code, "打印code");
        request({
          url: "h5/login/getOpenIdV2", //拿oponid
          method: "POST",
          header: {
            "Content-Type": "application/json",
            "api-client": "72e0fee8172411ea995200163e05ff66",
            "api-version": this.globalData.apiVersion,
            "Source-Type": 7,
          },
          data: {
            code: _code,
          },
        }).then((res) => {
          // console.log(res, '获取oponId')
          if (res.data.code == 200) {
            if (res.data.data.isLogin) {
              uni.setStorageSync("token", res.data.data.token); //缓存token
              uni.setStorageSync("personal", res.data.data);
              _this.handlePeoper(res.data.data.token); //个人资料
              _this.handleJoinCircle(res.data.data.token); //加入圈子
              _this.handleLikeCircle(res.data.data.token); //感兴趣圈子
              _this.handleReList(res.data.data.token); //热门微帖
              _this.handleIsTruePhone(res.data.data.token); //检验手机号是否真实
              _this.zanPhoto =
                uni.getStorageSync("personal").avatarUrl +
                "?imageslim&imageView2/1/interlace/1/ignore-error/1/format/png";
            }
          } else {
            // uni.showToast({
            // 	title: "微信授权失效，请关闭重试",
            // 	duration: 2000,
            // 	icon: "none"
            // });
          }
        });
      } else {
        let appid = _appid;
        let uri = encodeURIComponent(link);
        let authURL = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${uri}&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect`;
        window.location.href = authURL;
      }
    },
    imgsDa(imgs, index) {
      //点击图片放大
      // console.log(imgs,index)
      let arrImg = [];
      imgs.forEach((v) => {
        arrImg.push(v.fileUrl);
      });
      uni.previewImage({
        urls: arrImg,
        current: index,
        loop: true,
      });
    },
  },
};
</script>

<style lang="less" scoped>
.haibaozhezhao {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.4);
  overflow: auto;

  .popup {
    width: 678rpx;
    // height: 800rpx;
    margin-top: 100rpx;
    margin-left: 36rpx;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 82rpx;
    // overflow: auto;
  }

  .gb {
    width: 40rpx;
    height: 40rpx;
    position: absolute;
    right: 33rpx;
    top: 33rpx;
    z-index: 9999;
  }

  .haibao {
    width: 678rpx;
    box-sizing: border-box;
    position: relative;

    .type {
      width: 61rpx;
      height: 99rpx;
      position: absolute;
      top: 0;
      right: 22rpx;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .header {
      width: 100%;
      padding: 43rpx 0;
      padding-right: 83rpx;
      display: flex;
      align-items: center;
      box-sizing: border-box;

      img {
        width: 43rpx;
        height: 43rpx;
        border-radius: 4rpx;
        margin-right: 14rpx;
      }

      text {
        font-size: 25rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: left;
        color: #ffffff;
      }
    }

    .content {
      width: 100%;
      // height: 517rpx;
      background-color: #ffffff;
      padding: 36rpx 33rpx;
      box-sizing: border-box;

      .content_top {
        display: flex;

        img {
          width: 80rpx;
          height: 80rpx;
          border-radius: 4rpx;
          margin-right: 18rpx;
        }

        .right {
          display: flex;
          flex-direction: column;
          justify-content: space-between;

          .name {
            opacity: 1;
            font-size: 29rpx;
            font-family: PingFangSC, PingFangSC-Semibold;
            font-weight: 600;
            text-align: left;
            color: #111111;
          }
          .time {
            opacity: 1;
            font-size: 22rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: left;
            color: #999999;
          }
        }
      }

      .text {
        font-size: 29rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: justify;
        color: #111111;
        line-height: 43rpx;
        margin: 33rpx 0;
      }

      .active2 {
        width: 100%;
        height: 127rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        padding: 18rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        position: relative;
        margin-top: 20rpx;

        .right_ {
          opacity: 1;
          font-size: 30rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          color: #0f6ede;
          // padding-left: 28rpx;
          padding-right: 10rpx;
          flex-shrink: 0;
        }

        .center_ {
          width: 1.5rpx;
          height: 35rpx;
          opacity: 1;
          background-color: #bbbbbb;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 144rpx;
        }

        .left {
          display: flex;

          img {
            width: 90rpx;
            height: 90rpx;
            margin-right: 18rpx;
          }

          .huodong {
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            .title {
              font-size: 25rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              width: 320rpx;
              // display: -webkit-box;
              // -webkit-box-orient: vertical;
              // -webkit-line-clamp: 1;
              // overflow: hidden;
            }

            .time {
              font-size: 22rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #999999;
            }
          }
        }
      }

      .shop {
        width: 100%;
        height: 127rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        padding: 18rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        position: relative;
        margin-top: 20rpx;

        .right_ {
          opacity: 1;
          font-size: 30rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          color: #0f6ede;
          // padding-left: 28rpx;
          padding-right: 10rpx;
          flex-shrink: 0;
        }

        .center_ {
          width: 1.5rpx;
          height: 35rpx;
          opacity: 1;
          background-color: #bbbbbb;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: 144rpx;
        }

        .left {
          display: flex;

          img {
            width: 90rpx;
            height: 90rpx;
            margin-right: 18rpx;
          }

          .shangpin {
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            .title {
              font-size: 25rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              width: 320rpx;
              // display: -webkit-box;
              // -webkit-box-orient: vertical;
              // -webkit-line-clamp: 1;
              // overflow: hidden;
            }

            .jiage {
              .now {
                font-size: 22rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                color: #db361f;
              }

              .last {
                margin-left: 14rpx;
                font-size: 22rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                // text-decoration:  line-through;
                // text-align: justify;
                color: #999999;
              }
            }
          }
        }
      }

      .sj {
        font-size: 22rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: left;
        color: #999999;

        .sj1 {
          margin-right: 20rpx;
        }
      }

      .wj {
        width: 100%;
        height: 127rpx;
        background: #f7f7f7;
        border-radius: 4rpx;
        padding: 18rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        margin-top: 20rpx;

        .left {
          height: 105rpx;
          display: flex;
          align-items: center;

          img {
            width: 90rpx;
            height: 90rpx;
            margin-right: 18rpx;
          }

          .name {
            font-size: 25rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: justify;
            color: #111111;
            line-height: 37rpx;
            word-break: break-all;
            word-warp: break-word;
          }
        }
      }

      .weitie {
        display: flex;
        flex-wrap: wrap;
        // padding-bottom: 20rpx;

        .moreImg {
          width: 180rpx;
          height: 180rpx;
          margin-right: 14rpx;
          margin-bottom: 14rpx;
          position: relative;
          overflow: hidden;

          img {
            min-width: 180rpx;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
          }
        }

        .moreImg:nth-child(3n) {
          margin-right: 0;
        }

        .oneImage {
          width: 100%;
          height: 100%;
        }

        .video {
          position: relative;

          image {
            width: 570rpx;
            height: 340rpx;
          }

          .bofang {
            width: 70rpx;
            height: 70rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -35rpx;
            margin-top: -35rpx;
          }
        }
      }
    }

    .ewm {
      width: 90rpx;
      height: 90rpx;
      margin-top: 43rpx;
      margin-bottom: 14rpx;
      margin-left: 274rpx;
    }

    .bottom {
      // opacity: 0.54;
      font-size: 20rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: center;
      // color: #ffffff;
      color: #8ab8ee;
      line-height: 28rpx;

      .bottom_ {
        margin-top: 3rpx;
      }
    }
  }

  .btn {
    width: 750rpx;
    height: 80rpx;
    text-align: center;
    line-height: 80rpx;
    opacity: 1;
    font-size: 32rpx;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #111111;
    position: fixed;
    bottom: -1rpx;
    left: 0;
    background-color: #ffffff;
  }
}

.footer_tabar {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 100rpx;
  width: 750rpx;
  background: #f7f7f7;
  box-shadow: 0px 1rpx 0px 0px #dddddd inset;
  z-index: 998;

  .item_tabar {
    width: 33.333%;
    display: flex;
    flex-direction: column;
    align-items: center;

    // justify-content: space-around;
    image {
      margin-top: 8rpx;
      width: 54rpx;
      height: 54rpx;
    }

    text {
      font-size: 20rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: justify;
      color: #111;
    }

    .choose {
      color: #0f6ede;
    }

    .hongdian {
      width: 16rpx;
      height: 16rpx;
      background: #db361f;
      border-radius: 50%;
      position: absolute;
      top: 10rpx;
      right: 338rpx;
    }
  }
}

.main {
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 100rpx;

  .file_content {
    width: 100%;
    height: 116rpx;
    padding: 18rpx 20rpx;
    box-sizing: border-box;
    background: #f7f7f7;
    border-radius: 4rpx;
    display: flex;
    align-items: center;
    margin-top: 28rpx;

    .left_file {
      flex-shrink: 0;
      width: 80rpx;
      height: 80rpx;
      border-radius: 4rpx;
      margin-right: 20rpx;

      image {
        width: 100%;
        height: 100%;
        border-radius: 4rpx;
      }
    }

    .right_file {
      font-size: 28rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: justify;
      color: #111111;
      line-height: 36rpx;
      max-width: 560rpx;
      word-break: break-all;
      word-warp: break-word;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
    }
  }

  .act_content,
  .goods_content {
    margin-top: 22rpx;
    display: flex;
    align-items: center;
    width: 678rpx;
    height: 116rpx;
    opacity: 1;
    background: #f7f7f7;
    border-radius: 4rpx;
    padding: 18rpx;
    box-sizing: border-box;
    justify-content: space-between;
    position: relative;

    .right_ {
      opacity: 1;
      font-size: 30rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #0f6ede;
      // padding-left: 28rpx;
      padding-right: 10rpx;
      flex-shrink: 0;
    }

    .center_ {
      width: 1.5rpx;
      height: 35rpx;
      opacity: 1;
      background-color: #bbbbbb;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 144rpx;
    }

    .left_ {
      display: flex;

      > image {
        width: 80rpx;
        height: 80rpx;
        opacity: 1;
      }

      .actName {
        height: 86rpx;
        padding: 0 14rpx;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden;

        .name {
          opacity: 1;
          font-size: 28rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: justify;
          color: #111111;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          max-width: 410rpx;
        }

        .time {
          font-size: 24rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: left;
          color: #999999;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          width: 350rpx;
        }

        .price {
          .now {
            opacity: 1;
            font-size: 24rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-align: justify;
            color: #db361f;
            margin-right: 12rpx;
          }

          .last {
            font-size: 24rpx;
            font-family: PingFangSC, PingFangSC-Regular;
            font-weight: 400;
            text-decoration: line-through;
            text-align: justify;
            color: #999999;
          }
        }
      }
    }
  }

  .zhezhao {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.4);

    .center {
      width: 614rpx;
      height: 410rpx;
      background: #ffffff;
      opacity: 1;
      border-radius: 8rpx;
      position: absolute;
      top: 30vh;
      left: 68rpx;
      text-align: center;

      > image {
        position: absolute;
        top: 30rpx;
        right: 30rpx;
        width: 20rpx;
        height: 20rpx;
      }

      .text {
        font-size: 36rpx;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
        color: #111111;
        line-height: 50rpx;
        margin-top: 101rpx;
      }

      .but {
        width: 566rpx;
        height: 80rpx;
        background: #0f6ede;
        border-radius: 8rpx;
        margin: 0 auto;
        margin-top: 93rpx;
        font-size: 30rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: center;
        line-height: 80rpx;
        color: #ffffff;
      }

      .close {
        width: 38rpx;
        height: 38rpx;
        position: absolute;
        top: 30rpx;
        right: 30rpx;
      }
    }
  }

  .fenxiang_ {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.4);

    .footer_content {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 750rpx;
      height: 200rpx;
      opacity: 1;
      background: #f7f7f7;
      display: flex;
      padding-top: 28rpx;
      justify-content: center;

      // align-items: center;
      .item_ {
        display: flex;
        flex-direction: column;
        align-items: center;

        image {
          width: 100rpx;
          height: auto;
        }

        text {
          font-size: 26rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          // text-align: left;
          color: #111111;
        }
      }

      .item_imgShare {
        padding: 0 112rpx;
      }
    }

    .content_ {
      width: 690rpx;
      height: 200rpx;
      background: #ffffff;
      border-radius: 8rpx;
      position: absolute;
      top: 30rpx;
      left: 32rpx;
      padding: 46rpx 32rpx;
      padding-right: 56rpx;
      box-sizing: border-box;
      z-index: 10000;
      display: flex;
      justify-content: space-between;

      .left_ {
        display: flex;
        flex-direction: column;
        justify-content: space-between;

        .one_ {
          font-size: 36rpx;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          // text-align: center;
          color: #000000;
        }

        .two_ {
          font-size: 32rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          // text-align: center;
          color: #999999;
        }
      }

      .right_ {
        height: 69rpx;
        width: 70rpx;

        image {
          width: 100%;
          height: 100%;
        }
      }
    }
  }

  padding: 0 36rpx;

  .bindApp {
    margin: 22rpx 0;
    margin-bottom: 0;
    width: 686rpx;
    height: 64rpx;
    // opacity: 0.1;
    background: #e7f0fb;
    border-radius: 8rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 20rpx;
    padding-right: 12rpx;

    .left_ {
      display: flex;
      align-items: center;

      image {
        width: 31.8rpx;
        height: 31.8rpx;
        margin-right: 13rpx;
      }

      text {
        font-size: 24rpx;
        font-family: PingFangSC, PingFangSC-Regular;
        font-weight: 400;
        text-align: justify;
        color: #111111;
      }
    }

    .right_ {
      width: 88rpx;
      height: 40rpx;
      background: #0f6ede;
      border-radius: 4rpx;
      font-size: 24rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      text-align: justify;
      color: #ffffff;
      line-height: 40rpx;
      text-align: center;
    }
  }

  .content_list {
    margin-top: 42rpx;
    padding-bottom: 100rpx;

    .title_ {
      font-size: 36rpx;
      font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
      font-weight: 500;
      text-align: left;
      color: #111111;
    }

    .lists_ {
      margin-top: 26rpx;
      margin-bottom: 20rpx;

      .item_ {
        margin-top: 40rpx;
        padding-bottom: 28rpx;
        border-bottom: 1rpx solid #dddddd;

        .quan {
          display: inline-block;
          margin-left: 10rpx;
          font-size: 30rpx;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #2168eb;
          line-height: 30rpx;
        }

        .bottom_zan {
          display: flex;
          justify-content: space-between;
          margin-top: 28rpx;
          align-items: center;

          .left_ {
            display: flex;

            > text {
              font-size: 24rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              text-align: left;
              color: #999999;
            }

            .businessTypeStr {
              padding-right: 20rpx;
            }

            .zan_ren {
              display: flex;
              align-items: center;

              .image {
                width: 41rpx;
                height: 41rpx;
                border-radius: 50%;
                border: 2rpx solid #ffffff;
                // box-sizing: border-box;
              }

              .image:nth-child(2) {
                position: relative;
                z-index: 2;
                left: -10rpx;
              }

              .image:nth-child(3) {
                position: relative;
                z-index: 3;
                left: -20rpx;
              }
            }

            .zan_ren1 {
              margin-right: 11rpx;
            }

            .zan_photo {
              display: flex;
              align-items: center;

              // margin-left: rpx;
              .image {
                // margin-top: 3rpx;
                width: 40rpx;
                height: 40rpx;
                margin-right: 10rpx;
              }

              text {
                font-size: 24rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                text-align: justify;
                color: #111111;
              }
            }
          }

          .right_ {
            display: flex;
            align-items: center;

            .zan_photo {
              display: flex;
              align-items: center;

              .image {
                // margin-top: 3rpx;
                width: 40rpx;
                height: 40rpx;
                margin-right: 10rpx;
              }

              text {
                display: inline-block;
                width: 66rpx;
                font-size: 24rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                text-align: justify;
                color: #111111;
              }
            }

            .pinglun {
              display: flex;
              align-items: center;

              // margin-left: 56rpx;
              image {
                height: 40rpx;
                width: 40rpx;
              }

              text {
                display: inline-block;
                width: 85rpx;
                margin-top: -4rpx;
                margin-left: 10rpx;
                font-size: 24rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                text-align: justify;
                color: #111111;
              }
            }

            .fenxiang {
              // margin-left: 56rpx;
              width: 40rpx;
              height: 40rpx;
              display: flex;
              align-items: cneter;

              image {
                width: 100%;
                height: 100%;
              }
            }
          }
        }

        .content {
          max-width: 678rpx;
          margin-top: 22rpx;
          font-size: 30rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          color: #111111;
          line-height: 40rpx;
          display: flex;
          flex-wrap: wrap;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
        }

        .content1 {
          word-break: break-all;
        }

        .imgs {
          margin-top: 16rpx;
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          overflow: hidden;

          image {
            margin-top: 10rpx;
            width: 220rpx;
            height: 220rpx;
            border-radius: 4rpx;
            margin-right: 8rpx;
          }

          image:nth-child(3n) {
            margin-right: 0;
          }

          .myVideo {
            position: relative;

            image {
              width: 678rpx;
              height: 380rpx;
              border-radius: 8rpx;
            }

            .shipingBo {
              width: 80rpx;
              height: 80rpx;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
            }
          }

          .myImage {
            width: 678rpx;
            height: 412rpx;
            border-radius: 8rpx;
          }
        }

        .top_ {
          display: flex;
          justify-content: space-between;
          align-items: center;

          .left {
            height: 88rpx;
            display: flex;
            align-items: center;

            .one_ {
              width: 88rpx;
              height: 88rpx;
              margin-right: 20rpx;
              border-radius: 4rpx;
              position: relative;

              > image {
                width: 100%;
                height: 100%;
              }

              .verified {
                width: 36rpx;
                height: 36rpx;
                position: absolute;
                bottom: -6rpx;
                right: -6rpx;
              }
            }

            .two_ {
              position: relative;
              top: -5rpx;
              // margin-top: -5rpx;
              height: 88rpx;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              color: #999;

              .cardInfo {
                width: 530rpx;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;

                .company {
                  font-size: 24rpx;
                  font-family: PingFangSC, PingFangSC-Regular;
                  font-weight: 400;
                  color: #999999;
                  margin-left: 18rpx;
                }

                .name {
                  font-size: 30rpx;
                  font-family: PingFangSC, PingFangSC-Medium;
                  font-weight: 500;
                  color: #111111;
                }
              }

              .address {
                font-size: 24rpx;
                font-family: PingFangSC, PingFangSC-Regular;
                font-weight: 400;
                color: #999999;
                display: flex;
                align-items: center;

                .addr {
                  margin-right: 15rpx;
                }

                text {
                  overflow: hidden;
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 1;
                }

                image {
                  margin-left: 3rpx;
                  margin-top: 2rpx;
                  width: 14rpx;
                  height: 16rpx;
                }
              }
            }
          }

          .right {
            position: relative;
            width: 34rpx;
            height: 34rpx;
            display: flex;
            align-items: center;

            image {
              width: 100%;
              height: 100%;
            }

            .three6 {
              position: absolute;
              top: 50rpx;
              right: -6rpx;
              width: 180rpx;
              background-color: #fff;
              border-radius: 10rpx;
              padding: 0 20rpx;
              box-sizing: border-box;
              z-index: 66666;

              .one1 {
                padding: 15rpx 0;
                font-size: 28rpx;
                width: 100%;
                text-align: center;
                border-bottom: 2rpx solid #eee;
              }

              .jiao {
                height: 0;
                width: 0;
                border-bottom: 15rpx solid #fff;
                border-left: 7.5rpx solid transparent;
                border-right: 7.5rpx solid transparent;
                position: absolute;
                right: 16rpx;
                top: -15rpx;
              }
            }
          }
        }
      }

      .item_:last-child {
        padding-bottom: 0;
        border-bottom: none;
      }

      .item_:first-child {
        margin-top: 28rpx;
      }
    }
  }

  .advertising {
    // width: 680rpx;
    height: 178rpx;
    margin-top: 25rpx;

    image {
      width: 100%;
      height: 100%;
    }
  }

  .like_ {
    margin-top: 50rpx;

    .title_ {
      display: flex;
      justify-content: space-between;
      align-items: center;

      text {
        font-size: 36rpx;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
        text-align: left;
        color: #111111;
      }

      .right_ {
        display: flex;
        align-items: center;

        image {
          width: 30rpx;
          height: 34rpx;
          margin-right: 8rpx;
        }

        text {
          font-size: 24rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          text-align: left;
          color: #666666;
        }
      }
    }

    .list_ {
      margin-top: 4rpx;

      .item_ {
        border-bottom: 0.5rpx solid #ddd;
        display: flex;
        justify-content: space-between;
        align-items: center;
        // width: 678rpx;
        height: 176rpx;

        .left_ {
          display: flex;
          align-items: center;

          .one_ {
            flex-shrink: 0;
            width: 120rpx;
            height: 120rpx;
            margin-right: 20rpx;

            .image {
              width: 100%;
              height: 100%;
              border-radius: 4rpx;
            }
          }

          .two_ {
            height: 120rpx;
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            .title {
              width: 417rpx;
              font-size: 30rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              color: #111111;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
            }

            .cont {
              // margin-top: 6rpx;
              width: 417rpx;
              font-size: 24rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              text-align: left;
              color: #999999;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 1;
            }

            .num {
              font-size: 24rpx;
              font-family: PingFangSC, PingFangSC-Regular;
              font-weight: 400;
              text-align: left;
              color: #999999;
              display: flex;

              text {
                margin-right: 15rpx;
              }
            }
          }
        }

        .right_ {
          flex-shrink: 0;
          width: 100rpx;
          height: 48rpx;
          background: #0f6ede;
          border-radius: 8rpx;
          line-height: 48rpx;
          text-align: center;
          font-size: 26rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          color: #ffffff;
        }
      }

      .item_:last-child {
        border-bottom: none;
      }
    }
  }

  .center_ {
    display: flex;
    //padding: 0 36rpx;
    // padding-left: 36rpx;
    padding-right: 2rpx;
    width: 750rpx;
    // width: 100%;
    margin-left: -36rpx;
    box-sizing: border-box;

    .weituNum {
      position: absolute;
      top: -2rpx;
      right: -6rpx;
      width: 40rpx;
      height: 30rpx;
      opacity: 1;
      background: #db361f;
      border-radius: 16rpx;
      // text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      // line-height: 30rpx;
      font-size: 22rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #ffffff;
      z-index: 999;
    }

    .weituNum1 {
      position: absolute;
      top: -2rpx;
      right: -6rpx;
      width: 30rpx;
      height: 30rpx;
      opacity: 1;
      background: #db361f;
      border-radius: 15rpx;
      // text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      // line-height: 30rpx;
      font-size: 22rpx;
      font-family: PingFangSC, PingFangSC-Regular;
      font-weight: 400;
      color: #ffffff;
      z-index: 999;
    }

    .left_ {
      flex-shrink: 0;
      width: 240rpx;
      height: 354rpx;
      border-radius: 8rpx;
      background: #f6f6f6;
      border: 1rpx dashed #979797;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-right: 32rpx;
      box-sizing: border-box;

      .top_ {
        width: 100rpx;
        height: 100rpx;
        border-radius: 50%;
        overflow: hidden;

        image {
          width: 100%;
          height: 100%;
        }
      }

      .bottom_ {
        margin-top: 18rpx;
        font-size: 32rpx;
        font-family: PingFangSC, PingFangSC-Medium;
        font-weight: 500;
        text-align: center;
        color: #0f6ede;
      }
    }

    .right_ {
      display: flex;
      white-space: nowrap; // 滚动必须加的属性

      .left_ {
        margin-left: 36rpx;
      }

      .item_tab {
        margin-right: 32rpx;
        display: flex;
        flex-direction: column;
        align-items: center;
        // justify-content: center;
        width: 240rpx;
        height: 354rpx;
        border-radius: 8rpx;
        background: #f6f6f6;
        border: 1rpx solid #eeeeee;
        position: relative;

        // box-sizing: border-box;
        image {
          // padding-left: 1rpx;
          width: 240rpx;
          height: 240rpx;
          border-radius: 8rpx 8rpx 0px 0px;
        }

        .name {
          width: 90%;
          // overflow: hidden;
          // text-overflow: ellipsis;
          // display: -webkit-box;
          // -webkit-box-orient: vertical;
          // -webkit-line-clamp: 1;
          margin-top: 20rpx;
          font-weight: 500;
          font-size: 30rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          color: #000000;
          text-align: center;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          word-break: break-all;
        }

        .num {
          font-size: 24rpx;
          font-family: PingFangSC, PingFangSC-Regular;
          font-weight: 400;
          color: #999999;
          text-align: center;
        }
      }

      .item-border {
        width: 36rpx;
        height: 354rpx;
        padding-right: 4rpx;
      }
    }
  }

  .top_one {
    display: flex;
    height: 130rpx;
    align-items: center;
    justify-content: space-between;

    .left_ {
      display: flex;
      align-items: center;

      .verified_ {
        width: 64rpx;
        height: 64rpx;
        margin-right: 20rpx;
        border-radius: 4rpx;
        position: relative;

        image {
          width: 100%;
          height: 100%;
          border-radius: 4rpx;
        }

        .verified {
          width: 32rpx;
          height: 32rpx;
          position: absolute;
          bottom: -6rpx;
          right: -6rpx;
        }
      }

      text {
        font-size: 32rpx;
        font-weight: 500;
        text-align: left;
        color: #111111;
      }
    }

    .right_ {
      display: flex;
      align-items: center;
      font-size: 28rpx;

      .one,
      .two {
        display: flex;
        align-items: center;
        flex-shrink: 1;
        // overflow: hidden;
        // text-overflow: ellipsis;
        // display: -webkit-box;
        // -webkit-box-orient: vertical;
        // -webkit-line-clamp: 1;

        .money {
          font-size: 28rpx;
          // overflow: hidden;
          // text-overflow: ellipsis;
          // display: -webkit-box;
          // -webkit-box-orient: vertical;
          // -webkit-line-clamp: 1;
        }

        image {
          margin-right: 15rpx;
          width: 32rpx;
          height: 28rpx;
        }

        text {
          display: inline-block;
          // margin-left: 15rpx;
          font-size: 28rpx;
          font-family: PingFangSC, PingFangSC-Medium;
          font-weight: 500;
          color: #111111;
          // overflow: hidden;
          // text-overflow: ellipsis;
          // display: -webkit-box;
          // -webkit-box-orient: vertical;
          // -webkit-line-clamp: 1;
        }
      }

      .two {
        margin-left: 34rpx;
      }
    }
  }
}

.main6 {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6666;
  background: rgba(0, 0, 0, 0.4);
}
</style>
